import React from "react"
import { Layout, BackTop,Affix  } from 'antd';
import './index.scss'

import SiderItem from './components/sider'
import ContentItem from './components/main'
import HeaderItem from './components/head'
import HistoryTabs from './components/HistoryTabs.jsx'


const { Header, Content } = Layout;

function Home() {

  return  <Layout>
           <SiderItem/>
        <Layout className="site-layout">
        <Affix offsetTop={0}>
        <Header className="site-layout-background" style={{ padding: 0 }}>
            <HeaderItem />
        </Header>
 
        </Affix>

        <div className="history-tabs">
          <HistoryTabs/>
        </div>
         
          <Content
            className="site-layout-background"
            style={{
              margin: '10px 10px',
              padding: 24,
            }}
          >
             <ContentItem />
             <BackTop/>
          </Content>
        </Layout>
      </Layout>

 }

 export default Home
